<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="/xuni/bundle.js"></script>
<script>
    // 模板字符串
    var templateStr = `
        <div>
            {{#students}}
                <li>学生姓名：{{name}}</li>
                <li>性别：{{gender}}</li>
                <li>爱好：
                    <ol>
                        {{#hobbies}}
                            <li>{{.}}</li>
                        {{/hobbies}}
                    </ol>
                </li>
            {{/students}}
        </div>
    `
    // 数据
    var data = {
        students:[
            {
                'name':'小明111',
                'gender':'男',
                'hobbies':['跑步','打🏀']
            },{
                'name':'Jone',
                'gender':'男',
                'hobbies':['吃','跳远']
            },{
                'name':'可乐',
                'gender':'男',
                'hobbies':['睡觉','打🏓']
            }
        ]
    }
    // render函数
    Cola_JT.render(templateStr,data)
</script>
</body>
</html>